{include file="public/header"}
<div class="header-top"></div>
<div class="fomr_index">
	<form name="formsearch" action="/index.php" method="GET" class='search-box clearfix'>
		<input type="hidden" name="g" value="Contents">
		<input type="hidden" name="m" value="Index">
		<input type="hidden" name="a" value="search">
		<input type="text" placeholder="请输入热门关键词" name="q" id="searchi_q" class="txt text fl">
		<input type="submit" value="" class="sub fr" />
	</form>
</div>
<script>
    $('.header .fr i').mouseover(function() {
        if ($(this).data('i') == 0) {
            $(this).data('i', 1);
            $('.fomr_index').css({
                transform: 'translateX(0)'
            })
        } else {
            $(this).data('i', 0);
            $('.fomr_index').css({
                transform: 'translateX(280px)'
            })
        }
    })
</script>
<style>
	.index-banner{
		position: relative;
		/* margin-top: 93px; */

	}
	.swiper-pagination-bullet-active{
		background: #e80003
	}
</style>

<div class="index-banner">
	<div class="swiper-wrapper">
		{volist name="banner" id="vo"}
		<div class="swiper-slide">
			<a href="{$vo.thumb|geturl}" class="tooltip"><img src="{$vo.thumb|geturl}" style="width: 100%;height: auto;"></a>
		</div>
		{/volist}
	</div>
	<div class="swiper-pagination"></div>
</div>

<script>
    var swiper = new Swiper('.index-banner', {

        slidesPerView: 1,
        spaceBetween: 30,
        mousewheel: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>

<div class="index-set2 wow fadeInUp" data-wow-delay=".6s">

	<div class="w1600 clearfix">
		<div class="dat fl">
			<h3>产品<span>分类</span> </h3>
			<p>满足各种动态、事故、乐趣</p>
		</div>
		<p class="des fr">
			{volist name="prod" id="vo"}
			<a href="{:url('index/pro_more')}?id={$vo.id}" class="action dt">{$vo.name}</a>
			{/volist}
		</p>
	</div>
</div>
<div class="index-set3 bg-index wow fadeInUp" data-wow-delay=".8s">
	{volist name="prod" id="vi"}
	<div class="w1600 clearfix indexproducy animated fadeInUp">
		<ul>
			{notempty name="vi.son"}
			{volist name="vi['son']" id="vs"}
			<li>
				<a href="{:url('index/pro_more')}?id={$vs.id}">
					<div class="img">
						<img src="{$vs.thumb|geturl}" alt="" srcset="">
					</div>
					<div class="cont">
						<h3>{$vs.title}</h3>
						<span>  </span>
						<p></p>
					</div>
				</a>
			</li>
			{/volist}
			{/notempty}
		</ul>
	</div>
	{/volist}
</div>


<script>
    $('.index-product .cont').hide().eq(0).show();
    $('.index-product .ul li').eq(0).addClass('action')
    $('.index-product .ul li').mouseover(function() {
        var index = $('.index-product .ul li').index($(this));
        $('.index-product .cont').hide().eq(index).show();
        $('.index-product .ul li').removeClass('action').eq(index).addClass('action')
    })
</script>

<script>
    $('.indexproducy').hide().eq(0).show()
    $('.index-set2 .des .dt').mouseover(function() {
        var index = $('.index-set2 .des .dt').index($(this));
        $('.index-set2 .des .dt').removeClass('action').eq(index).addClass('action');
        $('.indexproducy').hide().eq(index).show()
    })
</script>
<div class="index-set4 wow fadeInUp" data-wow-delay=".6s">
	{volist name="system" id="vo"}
	<div class="p fadeInUp animated">
		<h6>		{$vo.title}
		</h6>

		<p>{$vo.desc}</p>
	</div>
	{/volist}


	<div class="w1600">
		<div class="title">
			<h4><span>S</span>ervice</h4>
			<p>五重服务<span>保障体系</span></p>
		</div>
		<ul class="clearfix">
			{volist name="system" id="vo"}
			<li class="action" data-img="url(images/index-pp-4.jpg)">
				<p>{$vo.id}</p>
				<span>{$vo.name}</span>
			</li>
			{/volist}
			</ul>
	</div>

</div>
<script>
    $('.index-set4 ul li').mouseover(function() {
        var index = $('.index-set4 ul li').index($(this));
        $('.index-set4 ul li').removeClass('action').eq(index).addClass('action');
        $('.index-set4 .p').hide().eq(index).show();
        var img = $(this).data('img');
        console.log($('.index-set4'))
        $('.index-set4').css({
            'background-image': img
        })
    })
</script>
<div class="index-set5 bg-index wow fadeInUp" data-wow-delay=".8s">
	<div class="w1600">
		<div class="title clearfix">
			<div class="cont  fl">
				<h5>新闻资讯</h5>
			</div>
			{volist name="newscate" id="vo"}
			<p class="des fr">
				<a href="{:url($vo.url)}" class="action dt">{$vo.name}</a>
			</p>
			{/volist}
		</div>
		{volist name="newscate" id="vi"}
		<div class="index-new fadeInUp animated">
			<ul class="clearfix">
				{notempty name="vi.son"}
				{volist name="vi['son']" id="vs"}
				<li>
					<a  href="{:url('index/pro_mord')}?id={$vs.id}">
						<div class="img">
							<img src="{$vs.thumb|geturl}" alt="" srcset="">
						</div>
						<div class="cont">
							<h6>{$vs.title}</h6>
							<span>{$vs.content}</span>
							<div class="cl clearfix">
										<span> <img src="__STATIC__/index/images/index-new-ico.png" alt="" srcset="">
											{$vs.create_time|date='Y/m/d H:i:s',###}</span> <i class="fr"></i>
							</div>
						</div>
					</a>
				</li>
				{/volist}
			</ul>
			{/notempty}
		</div>
		{/volist}
		<div class="index-new fadeInUp animated">
			<ul class="clearfix">
				{volist name="news" id="vo"}
				<li>
					<a href="/show-21-153.html">
						<div class="img">
							<img src="{$vo.thumb|geturl}" alt="" srcset="">
						</div>
						<div class="cont">
							<h6>{$vo.title}</h6>
							<p>{$vo.content}</p>
							<div class="cl clearfix">
										<span> <img src="__STATIC__/index/images/index-new-ico.png" alt="" srcset="">
											{$vo.create_time}</span> <i class="fr"></i>
							</div>
						</div>
					</a>
				</li>
				{/volist}
			</ul>
		</div>

	</div>
</div>
<script>
    $('.index-new').hide().eq(0).show()
    $('.index-set5 .title > p a').mouseover(function() {
        var index = $('.index-set5 .title > p a').index($(this));
        $('.index-set5 .title > p a').removeClass('action').eq(index).addClass('action');
        $('.index-new').hide().eq(index).show()
    })
</script>

{include file="public/footer"}




